import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'
import indexPage from "@/views/indexPage.vue";
import bianLi from "@/views/bianLi.vue";
import carPage from "@/views/carPage.vue";
import carPage1 from "@/views/carPage1.vue";
import filterPage from "@/views/filterPage.vue";
import directivePage from "@/views/directivePage.vue";
import yunPage from "@/views/yunPage.vue";
import axiosPage from "@/views/axiosPage.vue";

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'home',
    component: HomeView
  },
  {
    path: '/about',
    name: 'about',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/AboutView.vue')
  },
  {
    path:'/index',
    name:'indexPage',
    component:indexPage,

  },
  {
    path:'/bianli',
    name:'bianLi',
    component: bianLi
  },
  {
    path:'/carPage',
    name:'carName',
    component: carPage
  },
  {
    path:'/carPage1',
    name:'carPage1',
    component: carPage1

  },
  {
    path:'/filterPage',
    name:'filterPage',
    component: filterPage
  },
  {
    path:'/directivePage',
    name:'directivePage',
    component:directivePage
  },
  {
    path:'/yunPage',
    name:'yunPage',
    component: yunPage
  },
  {
    path:'/axiosPage',
    name:'axiosPage',
    component: axiosPage
  }



]

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})

export default router
